<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--src路径属性：
相对路径：访问站内资源使用
1.图片和页面在同级目录：直接写图片名
2.图片在页面的上级目录：../图片名
3.图片在页面的下级目录：文件夹名/图片名
绝对路径：访问站外资源使用，也称为图片盗链，有找不到图片的风险
-->
<!--alt：当图片不能显示时显示的文本-->
<!--title:标题属性悬停显示的内容-->
<!--width/height设置宽高
两种赋值方式：
1.像素
2.百分比-->
<img src="c.jfif" width="100" height="100" title="美女">
<img src="../c.png" alt="这是个美女">
<!--只设置宽度 高度会自动等比例缩放-->
<img src="abc/b.jfif"width="50%" alt="">
<img src="https://cdn.tmooc.cn/bsfile//courseImg///280c6025caa14649ba86b3561db92066.jpg" alt="">
</body>
</html>